<div class="technology">
    <div class="c-c" style="width: 80%">
        <div class=" clearfix" style="margin: 40px auto 0;width: 100%;position: relative;">
            <div style="width: 100%;padding-bottom: 2%">
                <img style="width: 100%" src="../../../assets/images/22.png" alt="">
            </div>
            <div style="width: 70%;display: inline-block;float: left">
                <div style="height: 70px;background-color: #C11801;font-size: 3rem;color: #ffffff;line-height:6rem;padding-left: 2rem">
                    党建专题/
                </div>
                <div style="width: 100%;background-color: #ffffff;display: inline-block;padding:5% 5% ">
                    <div class="clearfix">
                        <div style="float: left;width: 30%">
                            <a href="">
                                <img style="width: 100%;height: 40%" src="../../../assets/images/zhuanlan.png" alt="">
                            </a>
                            <a href="">
                                <p style="text-align: center;font-size: 1.8rem;color: #C21D07;line-height: 3.6rem">balbalbalbalbalbalbal</p>
                            </a>
                        </div>
                        <div style="float: left;width: 30%;margin: 0 5%">
                            <a href="">
                                <img style="width: 100%;height: 40%" src="../../../assets/images/zhuanlan2.png" alt="">
                            </a>
                            <a href="">
                                <p style="text-align: center;font-size: 1.8rem;color: #C21D07;line-height: 3.6rem">balbalbalbalbalbalbal</p>
                            </a>
                        </div>
                        <div style="float: left;width: 30%">
                            <a href="">
                                <img style="width: 100%;height: 40%" src="../../../assets/images/zhuanlan3.png" alt="">
                            </a>
                            <a href="">
                                <p style="text-align: center;font-size: 1.8rem;color: #C21D07;line-height: 3.6rem">balbalbalbalbalbalbal</p>
                            </a>
                        </div>
                    </div>
                    <div class="clearfix">
                        <div style="float: left;width: 30%">
                            <a href="">
                                <img style="width: 100%;height: 40%" src="../../../assets/images/zhuanlan.png" alt="">
                            </a>
                            <a href="">
                                <p style="text-align: center;font-size: 1.8rem;color: #C21D07;line-height: 3.6rem">balbalbalbalbalbalbal</p>
                            </a>
                        </div>
                        <div style="float: left;width: 30%;margin: 0 5%">
                            <a href="">
                                <img style="width: 100%;height: 40%" src="../../../assets/images/zhuanlan2.png" alt="">
                            </a>
                            <a href="">
                                <p style="text-align: center;font-size: 1.8rem;color: #C21D07;line-height: 3.6rem">balbalbalbalbalbalbal</p>
                            </a>
                        </div>
                        <div style="float: left;width: 30%">
                            <a href="">
                                <img style="width: 100%;height: 40%" src="../../../assets/images/zhuanlan.png" alt="">
                            </a>
                            <a href="">
                                <p style="text-align: center;font-size: 1.8rem;color: #C21D07;line-height: 3.6rem">balbalbalbalbalbalbal</p>
                            </a>
                        </div>
                    </div>
                    <div class="clearfix">
                        <div style="float: left;width: 30%">
                            <a href="">
                                <img style="width: 100%;height: 40%" src="../../../assets/images/zhuanlan.png" alt="">
                            </a>
                            <a href="">
                                <p style="text-align: center;font-size: 1.8rem;color: #C21D07;line-height: 3.6rem">balbalbalbalbalbalbal</p>
                            </a>
                        </div>
                        <div style="float: left;width: 30%;margin: 0 5%">
                            <a href="">
                                <img style="width: 100%;height: 40%" src="../../../assets/images/zhuanlan3.png" alt="">
                            </a>
                            <a href="">
                                <p style="text-align: center;font-size: 1.8rem;color: #C21D07;line-height: 3.6rem">balbalbalbalbalbalbal</p>
                            </a>
                        </div>
                        <div style="float: left;width: 30%">
                            <a href="">
                                <img style="width: 100%;height: 40%" src="../../../assets/images/zhuanlan2.png" alt="">
                            </a>
                            <a href="">
                                <p style="text-align: center;font-size: 1.8rem;color: #C21D07;line-height: 3.6rem">balbalbalbalbalbalbal</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div style="width: 28%;display: inline-block;float: right">
                <div style="height: 70px;background-color: #C11801;font-size: 3rem;color: #ffffff;line-height:6rem;padding-left: 2rem">
                    通知通告/
                </div>
                <div style="width: 100%;background-color: #ffffff;display: inline-block">
                    <ul style="padding:0 4rem">
                        <li style="line-height: 3.2rem"><a style="font-size: 1.6rem;font-weight:bold;" ui-sref="home">网站weweww首页</a></li>
                        <li style="line-height: 3.2rem"><a style="font-size: 1.6rem;font-weight:bold;" ui-sref="technology">wewe党建动态喂喂喂嗡嗡嗡哇嘎嘎嘎嘎嘎嘎嘎嘎嘎</a></li>
                        <li style="line-height: 3.2rem"><a style="font-size: 1.6rem;font-weight:bold;" ui-sref="programme">党建wewwee专题wewewewew</a></li>
                        <li style="line-height: 3.2rem"><a style="font-size: 1.6rem;font-weight:bold;" ui-sref="case">先进典weweew型根据阿瑟斯分</a></li>
                        <li style="line-height: 3.2rem"><a style="font-size: 1.6rem;font-weight:bold;" ui-sref="contact">经验ewe交流哈达大股东嘎嘎无公害</a></li>
                    </ul>
                </div>
                <div style="width: 100%;">
                    <img style="width: 100%;padding-top: 2rem" src="../../../assets/images/19.png" alt="">
                    <img style="width: 100%;padding-top: 2rem" src="../../../assets/images/20.png" alt="">
                </div>
            </div>
        </div>
    </div>
</div>